/*公用*/
.comWidth
{
	width:1211px;
	margin-left:auto;
	margin-right:auto;
}
/*上层*/
.top-first
{
	height:31px;
	line-height: 31px;
	background-color: #F1F1F1;
}
.iconfont{
	font-family: iconfont;
}
.collection{
	background:url(../img/icon/collection.jpg) left center no-repeat; 
	padding-left:25px;
	color: #999;
	font-weight: bold;
	
}
.welcome{
	color: #999;
}
.top-first a:hover{
	color:red;
}
/*中层*/
.top-second{
	height:86px;
	margin: 20px 0;
}
.logo{
	padding-top: 5px;
	padding-left:30px;
}
.search{
	padding-top: 30px;
	padding-left:180px;
	width:600px;
	
}
.search-text{
	width: 450px; 
	height: 24px;
	line-height: 35px\9;
	color: #666;
    padding: 4px;
    border-width: 2px 0 2px 2px;
    border-style: solid;
    border-color: #027bd6;
    outline: 0;
    font-size: 14px;
    font-family: "microsoft yahei";
	background-color: #FFF;
}
.search-btn{
	width: 82px;
    height: 36px;
	border: none;
    line-height: 1;
    color: #fff;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    cursor: pointer;
    background-color: #027bd6;
}

.shopCart{
	margin-left:30px ;
	margin-top:30px;
	width: 141px;
	height: 36px;
	height: 34px;
    border: 1px solid #DFDFDF;
    background: #F9F9F9;
    text-align: center;
    line-height: 34px;
    position: relative;
    cursor: default;
    zoom: 1;
	
}
.shopCart i{
	display: block;
	position: absolute;
	overflow: hidden;
	font-style: normal;
}
.ci-left{
	top:9px;
	left: 18px;
	width: 18px;
	height: 16px;
	background: url(../img/icon/cart.png) 0 -58px no-repeat ;
}
.ci-right{
	top: 11px;
    right: 10px;
    width: 7px;
    height: 13px;
    overflow: hidden;
    font: 400 13px/13px simsun;
    color: #999;
}
.ci-count{
	position: absolute;
    top: -4px;
    left: 104px;
    display: inline-block;
    padding: 1px 2px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    background-color: #c81623;
    border-radius: 7px 7px 7px 0;
    min-width: 12px;
    text-align: center;
}
/*下层*/
.top-third{
	height: 44px;
	border-bottom: 2px solid #027BD6;
}
.dorpdown{
	width: 193px;
	background-color: #027BD6;
	float: left;
	position: relative;
	height: 44px;
	overflow: visible;
	
}
.dorpdown .dt{
	padding: 0 10px;
	font-size: 15px;
	font-weight: 400;
	line-height: 44px;
	color: #fff;
}

.navitems{
	float: left;
	position: relative;
	font: 12px/150% "微软雅黑";
}
.navitems .nav-color{
	color: blue;
}
.navitems ul li{
	width: 120px;
	float: left;
	display: list-item;
	text-align: center;
}
.navitems ul li a{
	height: 44px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	line-height: 44px;
	font-weight: 400;
	color: #333;
	
} 
.navitems ul li a:hover{
	
	color: #c81623;
	
} 

/*第一版面*/
.first-screen{
	position: relative;
	width: 100%;
	height: 450px;
	margin-bottom: 45px;
	overflow: hidden;
}
/*左边菜单——begin*/
.p-category{
	position:absolute;
	width: 193px;
	height: 450px;
	z-index: 2;
}
.p-category .title{
	position:absolute;
	width: 193px;
	height: 450px;
	background-color: #006ac8;
}
.p-category .title .item1{
	position:relative;
	width: 173px;
	height: 94px;
	padding: 0 10px;
}
.p-category .title .item1:hover{
	background: #0059a9;
}
.p-category .title .item1 .item-title{
	color: #fff;
	padding: 15px 0 10px;
	font-size: 15px;
	line-height: 15px;
}
.p-category .title .item1 .item-title .menu-arrow{
	position: absolute;
	right: 10px;
	top: 14px;
	font: 700 12px/18px simsun,Hiragino Sans GB;
}
.p-category .title .item1 .item-cont{
	width: 173px;
	height: 53px;
	border-bottom: 1px dotted #44a0f3;
}
.p-category .title .item1 .item-cont .item-list{
	height: 44px;
	margin-bottom: 9px;
	overflow: hidden;
}
.p-category .title .item1 .item-cont .item-list .title-name{
	float: left;
	width: 48px;
	height: 22px;
	margin-right: 9px;
	font-size: 12px;
	line-height: 22px;
	overflow: hidden;
}
.p-category .title .item1 a{
	color: #fff;

}
/*左边菜单——end*/

/*轮转图——begin*/
.p-slider {
	width: 1366px;
	margin-left: auto;
	margin-right: auto;
}

#container {
	width: 1366px;
	height: 450px;
	border: 1px solid #ccc;
	overflow: hidden;
	position: relative;
}

#list {
	width: 8196px;
	height: 450px;
	position: absolute;
	z-index: 1;
}

#list img {
	float: left;
}

#buttons {
	position: absolute;
	height: 10px;
	width: 100px;
	z-index: 2;
	bottom: 25px;
	left: 640px;
}

#buttons span {
	cursor: pointer;
	float: left;
	border: 1px solid #fff;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #333;
	margin-right: 5px;
}

#buttons .on {
	background: orangered;
}

.arrow {
	cursor: pointer;
	display: none;
	line-height: 68px;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	width: 40px;
	height: 68px;
	position: absolute;
	z-index: 2;
	top: 195px;
	background-color: RGBA(0, 0, 0, .3);
	color: #fff;
}

.arrow:hover {
	background-color: RGBA(0, 0, 0, .7);
}

#container:hover .arrow {
	display: block;
}

#prev {
	left: 261px;
}

#next {
	right: 220px;
}
/*轮转图——end*/


/**
 * 第三部分——begin
 * 
 */
.shopList3{
	width: 1211px;
	height: 655px;
	margin-bottom: 45px;
}
/*菜单主题*/
.shopTitle .menuTitle{
	padding-bottom: 12px;
	font-size: 20px;
	line-height: 20px;
	display: block;
	font-weight: bold;	
	color: #666;
	font-family: "微软雅黑";
}
/*左边部分*/
.imgBox{
	width: 233px;
	height: 655px;
}
/*右边部分的类型*/
.content-type{
	width: 976px;
	height: 36px;
	margin-bottom: 14px;
	overflow: hidden;
	background-color: #4d4b4c;
}
.type-title li{
	width: 243px;
	height: 36px;
	float: left;
	display: block;
	text-align: center;
	margin: 0 auto;
	padding:10px 0;
	font: 14px/16px "微软雅黑";
	border-right: 1px solid #7c7a7b;
}
.type-title li a{
	color: #fff;
}
.type-title li:hover{
	background-color: #eb5345;
}
/*各个类型的具体商品*/
.content-con{
	width: 978px;
	height: 604px;
	/*overflow: hidden;*/
}
/*商品*/
.shop-item{
	width: 243px;
	height: 301px;
	border-right: #ddd solid 1px; 
	border-bottom: #ddd solid 1px; 
	float: left;
	text-align: center;
	font-family: "微软雅黑";
	display: block;
}
.shop-item1{
	border-top: #ddd solid 1px; 
}
.shop-item-img{
	position: relative;
    margin: 20px auto;
    width: 170px;
    height: 170px;
    overflow: hidden;
}
.shop-item-name{
    margin: 0 25px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
}
.shop-item-price{
    color: #c81623;
    font-size: 16px;
    line-height: 24px;
    display: block;
}
/**
 * 第三部分——end
 * 
 */

/**
 * 第四部分——begin
 * 
 */
.shopList4{
	width: 1211px;
	height: 605px;
	margin-bottom: 45px;
}

.c-left{
	width: 233px;
	height: 605px;
	position: relative;
	overflow: hidden;
}

.left-title{
	position: relative;
    width: 100%;
    height: 63px;
    font-size: 20px;
    line-height: 63px;
    color: #fff;
    background-color: #4d4b4c;
    text-align: center;
}

.left-conent{
	width: 193px;
    height: 542px;
    padding: 0 20px;
    background-color: #ebebeb;
}

.search-type{
	padding: 45px 0 100px;
    border-bottom: 1px solid #bfbfbf;
}

.search-type h4{
	display: block;
	font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px;
}

.search-type .list-item{
	margin-left: -10px ;
}

.search-price{
	padding: 30px 0 20px;
}

.search-price h4{
	display: block;
	font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px;
}

.search-price .list-item{
	margin-left: -10px ;
}

.search-item{
	float: left;
    width: 91px;
    height: 31px;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 31px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

.search-button{
	padding: 30px 0 20px;
}

.search-tn-dis{
	background-color: #d2d2d2;
	color: #666;
	cursor: not-allowed;
}

.search-btn1{
	width: 194px;
    height: 43px;
    margin: 0 auto;
    border: 0;
    font-size: 18px;
    line-height: 43px;
    color: #fff;
    background-color: #e3393c;
    text-align: center;
    cursor: pointer;
}


.c-right{
	width: 978px;
	height: 605px;
}

/*商品*/
.shop-item{
	width: 243px;
	height: 301px;
	border-right: #ddd solid 1px; 
	border-bottom: #ddd solid 1px; 
	float: left;
	text-align: center;
	font-family: "微软雅黑";
	display: block;
}
.shop-item1{
	border-top: #ddd solid 1px; 
}
.shop-item-img{
	position: relative;
    margin: 20px auto;
    width: 170px;
    height: 170px;
    overflow: hidden;
}
.shop-item-name{
    margin: 0 25px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
}
.shop-item-price{
    color: #c81623;
    font-size: 16px;
    line-height: 24px;
    display: block;
}

/**
 * 第四部分——end
 * 
 */


/**
 * 底部——版权部分——begin
 * 
 */
			.footbar {
				border-top: 1px solid #007dcd;
				clear: both;
				padding-top: 8px;
				text-align: center;
				width: 1210px;
				margin: 0 auto;
				margin-top: 40px;
				margin-bottom: 30px ;
				font-size: 12px;
				color: #666;
				background: #fff;
			}
			
			.footbar p {
				width: 700px;
				margin: 0;
				padding: 2px 0;
				clear: both;
			}
			
			.footbar p a {
				color: #666;
				text-decoration: none;
				padding: 0 2px;
			}
			
			.footbar p a:hover {
				color: #F60;
			}
			
			#web_wj {
				width: 700px;
				margin: 0 auto;
				list-style: none;
				padding: 0;
			}
			
			#web_wj img {
				border: 0;
			}
			
			#web_wj ul li {
				list-style: none;
				margin: 0;
				padding: 0;
				text-align: center
			}
			
			#web_wj ul li.link_imgs {
				height: 48px;
				margin-top: 10px;
				clear: both
			}
			
			#web_wj ul li.link_imgs img {
				width: 112px;
				margin: 0 8px 25px;
			}
/**
 * 底部——版权部分——end
 * 
 * */